
// body,html{
//     width: 100%
// }
// .content{
// 	width: 1130px;
//     margin: 0 auto;
// }
.header{
    height: 80px;
    width: 100%;
    background-color: black;
    // float: left;
    .topBox{
        height: 80px;
        width: 100%;
        float: left;
        position: relative;
        .search input{
            display:none;
            // opacity: 0;
            // border:white;
            // display: inline-block;
            height: 26px;
            width: 125px;
            border-radius: 20px;
            position: absolute;
            // z-index: 2;
            top:24px;
            left:1050px;
            font-size: 16px;
            // text-align: center;
            background-color: black;
            color:white;
            padding-left: 15px;
           
        
        }
        .cookie{
            position: absolute;
            color: aliceblue;
            top:26px;
            left: 300px;
            font-size: 14px;
        }
       .search #list{
           display: none;
           position: absolute;
        //    border: 1px solid red;
           left:1053px;
           top:57px;
           width: 130px;
             color: white;
        }
        .logo {
            height: 80px;
            width: 170px;
            float: left;
                .login{
                    height: 100%;
                    width: 100%;
                    background:url('/images/logo_02.jpg') no-repeat  0px -4px;}
                }
            }
        
        .upRight{
            height: 80px;
            width: 500px;
            text-align: center;
            line-height: 80px;
            background-color:black;
            float: right;
            font-size: 14px;
    // position: relative;

            
            :nth-child(1){
                width: 81px;
                line-height: 80px;
                color: white;
                background-color: black;
                
              
               }
            :nth-child(2){
                box-sizing: border-box;
                // overflow: hidden;
                    height: 30px;
                    line-height: 30px;
                    margin-top: 24px;
                    width: 36px;
                    margin-left: 5px;
                    background: url('/images/img1_footer.png') no-repeat -90px -85px;
                }
            :nth-child(3){
                    width: 55px;
                    line-height: 80px;
                    color: white;
                  
                   }
             :nth-child(4){
                height: 30px;
                line-height: 30px;
                margin-top: 24px;
                width: 30px;
                margin-left: 5px;
                background: url('/images/img1_footer.png') no-repeat -168px -97px;
                }
            :nth-child(5){
                    height: 30px;
                    line-height: 30px;
                    margin-top: 24px;
                    width: 30px;
                    background: url('/images/img1_footer.png') no-repeat -96px -54px;
                   
                    }
                    :nth-child(6){
                        height: 30px;
                        line-height: 30px;
                        margin-top: 24px;
                        width: 30px;
                        background: url('/images/img1_footer.png') no-repeat -135px -1px;
                        a{
                            height: 30px;
                            width:30px;
                        }
                      
                        }
                        :nth-child(7){
                            height: 30px;
                            line-height: 30px;
                            margin-top: 24px;
                            width: 30px;
                            background: url('/images/img1_footer.png') no-repeat -167px -1px;
                            }
            li{
                // width: 70px;
                float: left;
                color: white;
                // border:1px solid white;
                margin-left: 35px;
                overflow: hidden;
                cursor: pointer;
               
                
               
            
            
            }
           
           
            
            
        }
    }
    

.nav{
    height: 50px;
    width: 100%;
    background-color: #464646;
    .list{
        box-sizing: border-box;
        margin: 0 auto;
        height: 50px;
        width: 693px;
        line-height: 50px;
        text-align: center;
        color: white;
        li,a{
            color: white;
            width: 120px;
            height: 50px;
            float: left;
            background: url('/images/active.png') no-repeat 55px 37px ;
            background-size: 10%;

        }
      
      
    }

}
#header{
    position: fixed;
    top: 0;
    z-index: 20;
    opacity: .9;
    .cookie{
        position: absolute;
        color: aliceblue;
        top:26px;
        left: 300px;
        font-size: 14px;

    }

}
#nav{
    position: fixed;
    top:80px;
    z-index: 20;
    opacity: .9;
}
